<section>
  <p>
    <mat-form-field>
      <mat-label>Enter some text</mat-label>
      <input matInput type="text" id="text-input">
    </mat-form-field>
  </p>
  <p>
    <mat-form-field>
      <mat-label>Enter a number</mat-label>
      <input matInput type="number" id="number-input">
    </mat-form-field>
  </p>
  <p>
    <mat-form-field>
      <mat-label>Enter some text</mat-label>
      <textarea matInput id="text-area"></textarea>
    </mat-form-field>
  </p>
  <p>
    <mat-form-field>
      <mat-label>Enter some text</mat-label>
      <textarea matInput cdkTextareaAutosize cdkAutosizeMaxRows="10" id="autosize-text-area">
      </textarea>
    </mat-form-field>
  </p>
</section>
